/* Light Effects */
body {
    position: relative; /* Ensures child elements (like .light-effect) are positioned correctly */
    overflow: hidden;   /* Prevents the effect from causing unwanted scrollbars */
    background-color: #0d0d0d; /* Base dark color for contrast */
}

.light-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevents interaction with the light effect */
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
    animation: pulse 6s infinite; /* Smooth pulsating animation */
    z-index: 0; /* Sits behind all other elements */
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.4;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.1);
    }
}